.data-analysis{
  min-height: 400px;
  padding: 20px;
  margin: 20px 0;
}
.title{
  padding: 10px 0;
  font-size: 21px;
  color: #353535;
}
/*tabs start*/
.tabs-nav{
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 10px;
  margin-top: 20px;
}
.tab-item{
  display: inline-block;
  padding: 0 20px;
  position: relative;
  background: transparent;
  border: none;
  font-size: 14px;
  outline: none;
  color: #b6b6b6;
  line-height: 40px;
}
.tab-item:hover:after{
  content: '';
  position: absolute;
  width: 70%;
  height: 3px;
  bottom: 0;
  left: 15%;
  background: #4b0;
  z-index: 50;
  -webkit-animation:tab-item .5s forwards;
  -o-animation:tab-item .5s forwards;
  animation:tab-item .5s forwards;
}
.tab-item-active{ color: #000; }
.tab-item-active:after{
  content: '';
  position: absolute;
  width: 70%;
  height: 3px;
  bottom: 0;
  left: 15%;
  background: #4b0;
  z-index: 50;
}
@keyframes tab-item {
  0%{
    width: 0;
    left: 50%;
  }
  100%{
    width: 75%;
    left: 15%;
  }
}
/*tabs end*/
.part-container{
  margin: 20px 0;
  padding: 20px 30px;
  min-height: 200px;
  background: #fff;
}
.part-title{
  margin-bottom: 20px;
  font-size: 16px;
  .form-control{ width: 150px;}
}
/*dash start*/
.data-detail{
  text-align: center;
  border-right: 1px solid #dcdcdc;
  div{
    color: #b6b6b6;
  }
  .data-num{
    color: #000;
    font-size: 20px;
  }
}
.data-detail:last-child{ border: none; }
.part-time{
  margin-bottom: 10px;
  .form-control{
    display: inline-block;
    width: 110px;
    font-size: 12px;
  }
}
.time-range{
  margin: 0 10px;
  color: #b6b6b6;
  font-size: 14px;
}
.part-echarts{
  width: 100%;
  height: 400px;
}
/*dash end*/

/*visit start*/
.time-interval{
  span{
    margin-right: 10px;
  }
}
.echarts-item-content{
  height: 300px;
}
.echarts-item-title{
  color: #939393;
  text-align: center;
}
/*visit end*/

/*portrayal start*/
.part-half-echarts{
  display: inline-block;
  width: 49%;
  height: 400px;
}
.table-progress{
  display: inline-block;
  width: 80%;
  height: 10px;
  background: #1AAD18;
}
/*portrayal end*/
